<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
 <style>
 	body{
 		background-color:goldenrod ;
 	}
 	table{
 		width: 300px;
 		height: 400px;
 		margin-left: 30%;
 		margin-top: 50%;
 		background-color: greenyellow;
 		position:relative;
 		margin-top:50px
 	}
 	tr{
 		
 	}
 	td{
 		text-align: center;
 		color: blue;
 	}
 </style>
</head>
<body>
<!-- 账号、密码、确认密码、姓名、性别、出生日期、学历、爱好、备注等信息，有提交、重置等按钮 -->
<form action="myweb.html" method="post" style="line-height: 20px;">
	<table cellpadding="cellpadding" cellspacing="cellspacing">
		
		<tr>
			<td>
				账号：<br/>
			</td>
			<td>
				<input type="text" name="userid" /><br/>
			</td>
		</tr>
		<tr>
			<td>
				密码：<br/>
			</td>
			<td>
				<input type="password" id="userpass"/><br/>
			</td>
		</tr><tr>
			<td>
				确认密码：<br/>
			</td>
			<td>
				<input type="password" id="checkepass"/><br/>
			</td>
		</tr>
		<tr>
			<td>
				姓名：<br/>
			</td>
			<td>
				<input type="text" id="username"/><br/>
			</td>
		</tr>
		<tr>
			<td>
				出生日期：<br/>
			</td>
			<td>
				<input type="date" id="birthday"/><br/>
			</td>
		</tr>
		<tr>
			<td>
				电话：<br/>
			</td>
			<td>
				<input type="tel" id="phone"/><br/>
			</td>
		</tr>
		<tr>
			<td>
				学历：<br>
			</td>
			<td>
				<select>
					<option>专科</option>
					<option>本科</option>
					<option>硕士</option>
					<option>博士</option>
				</select><br>
			</td>
		</tr>
		<tr>
			<td>
				爱好：<br>
			</td>
			<td>
				<ul style="" type="square">
					<li><input type="checkbox" id="hobby"/>篮球</li>
					<li><input type="checkbox" id="hobby"/>排球</li>
					<li><input type="checkbox" id="hobby"/>骑行</li>
					<li><input type="checkbox" id="hobby"/>阅读</li>
					<li><input type="checkbox" id="hobby"/>跑步</li>
				</ul>
			</td>
		</tr>
		<tr>
			<td>
				备注：<br>
			</td>
			<td>
				<input type="textarea" id="remarks" cols="80" rows="50"/><br/>
			</td>
		</tr>
		<tr>
			<td>
				<br>
			</td>
			<td>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" value="提交"/> &nbsp;&nbsp;<input type="reset" value="重置"/>
			</td>
		</tr>
	</table>
 

</form>
</body>
</html>
